

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<script type="text/javascript" src="helpman_topicinit.js"></script>

<title>Diagram View [Enterprise Architect User Guide]</title>

<meta name="keywords" content="Enterprise Architect, Sparx Systems, UML, View Options,View Options Diagram View,Diagram,Diagram View,Diagram Build,Diagram Manage Display">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<link type="text/css" href="default.css" rel="stylesheet" />
<style type="text/css">
  A, A:Visited
  {
    color: #00F;
  }

  A:Active, A:Hover
  {
    color: #F00;
  }

  OL
  {
    margin: 5px 0 5px 48px;
  }

  UL
  {
    margin-bottom: 3px;
    margin-top: 0;
  }

  #nsr
  {
    background-color: #D4DFFF;
  }

  #nsr A
  {
    text-decoration: none;
  }

  #mainbody
  {
    padding: 8px;
  }

  .p_BodyText
  {
    padding: 5px 0;
  }
</style>



<style type="text/css" media="screen">
  BODY
  {
    background-color: #FFFFFF;
  }

  #nsr
  {
    padding: 6px 6px 0 6px;
    border-bottom: none;
    vertical-align: top;
    z-index: 2;
    visibility: visible;
    left: 0;
    top: 0;
    position: absolute;
  }

  #mainbody
  {
    left: 0;
    top: 0;
    margin: 0;
    position: absolute;
    padding: 10px;
    overflow: auto;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-attachment: fixed;
  }
</style>

<style type="text/css" media="print">
  #nsr
  {
    visibility: none;
  }

  #mainbody
  {
    overflow: visible;
  }
</style>
<script type="text/javascript" language="JavaScript" src="nonscroll.js"></script>

</head>
<body scroll="no">

<div id="page">



        <div id="content">
          <div id="content-inner">
          



  
          <div id="nsr">
            <table border="0" cellspacing="0" cellpadding="4" width="100%">
              <tr valign="top">
                <td align="left">
  


                  <p class="p_Heading1"><span class="f_Heading1">Diagram View</span></p>



  
                </td>
                <td align="right">
                  <a href="introduction.htm" onmouseover="document.images.main.src='button_main_h.gif'" onmouseout="document.images.main.src='button_main.gif'">
                    <img name="main" src="button_main.gif" border=0 alt="Return to Introduction">
                  </a>&nbsp;
    
                  <a href="viewoptions.htm" onmouseover="document.images.prev.src='button_prev_h.gif'" onmouseout="document.images.prev.src='button_prev.gif'">
                    <img name=prev src="button_prev.gif" border=0 alt="Previous page" />
                  </a>&nbsp;
    
    
    
                  <a href="reportview.htm" onmouseover="document.images.next.src='button_next_h.gif'" onmouseout="document.images.next.src='button_next.gif'">
                    <img name=next src="button_next.gif" border=0 alt="Next page" />
                  </a>
    
    
                </td>
              </tr>
            </table>
          </div>
          <div id="mainbody">
  


                <p class="p_BodyText"><span class="f_BodyText">The </span><span class="f_UIControl">Diagram View</span><span class="f_BodyText"> is the main workspace window that enables you to create and display diagrams. You can open many diagrams, but you can view only one at a time. You open the first diagram by double-clicking on the diagram name in the </span><span class="f_UIControl">Project Browser</span><span class="f_BodyText">. You can then open further diagrams in the same way, or from within an open diagram by clicking on hyperlinks or elements that contain other diagrams.</span></p>
<p class="p_TextIndentedL2"><img src="diagramview.png" width="886" height="618" border="0" alt="DiagramView"></p>
<p class="p_BodyText"><span class="f_BodyText">Use the </span><span class="f_UIControl">Diagram View</span><span class="f_BodyText"> to build model relationships and elements. Within the diagram, you can create new elements, drag in existing elements and generally organize the elements and relationships. Most work is carried out on elements in the </span><span class="f_UIControl">Diagram View</span><span class="f_BodyText">, so understanding how it works and how to manipulate elements is essential. Use the example project supplied with Enterprise Architect to explore the capabilities and behavior of the </span><span class="f_UIControl">Diagram View</span><span class="f_BodyText">.</span></p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 13px;"><table cellspacing="0" cellpadding="2" border="0" style="border: none; border-spacing:0px;">
<tr style="text-align:left;vertical-align:bottom;">
<td valign="bottom" width="952" bgcolor="#efeff7" style="width:952px; background-color:#efeff7;"><p class="p_TiporNote" style="border-top: none; border-right: none; border-left: none;"><span class="f_TiporNote">Tip:</span></p>
</td>
</tr>
<tr style="text-align:left;">
<td width="952" bgcolor="#f7f7ff" style="width:952px; background-color:#f7f7ff;"><p class="p_TiporNoteText"><span class="f_TiporNoteText">You can also use the </span><span class="f_UIControl"><a href="reportview.htm">Element List</a></span><span class="f_TiporNoteText"> to manipulate elements.</span></p>
</td>
</tr>
</table>
</div>
<p class="p_BodyText"><span class="f_BodyText">Typical diagram activities include:</span></p>
<ul style="text-indent: 0px; margin-left: 30px; list-style-position: outside;">
<li><span class="f_Bulletlist1"><a href="objecttoolbar.htm">Add new elements</a> to the diagram using the Enterprise Architect UML </span><span class="f_UIControl">Toolbox</span><span class="f_Bulletlist1"> </span></li>
<li><span class="f_Bulletlist1">Add existing elements to the diagram by <a href="dropobjectsfromtree.htm">dragging them</a> from the </span><span class="f_UIControl">Project Browser</span></li>
<li><span class="f_Bulletlist1"><a href="objecttoolbar.htm">Add connectors</a> between elements using connectors from the Enterprise Architect UML </span><span class="f_UIControl">Toolbox</span></li>
<li><span class="f_Bulletlist1"><a href="copydiagramelement.htm">Copy elements</a> in a diagram to link or copy elsewhere</span></li>
<li><span class="f_Bulletlist1"><a href="zoomdiagram.htm">Zoom a diagram</a> to different magnifications</span></li>
<li><span class="f_Bulletlist1">Use the </span><span class="f_UIControl">Diagram toolbar</span><span class="f_Bulletlist1"> <a href="diagramtoolbar.htm">forward and back</a> arrows to display the previous or next diagram</span></li>
<li><span class="f_Bulletlist1"><a href="alignelements.htm">Align</a> and <a href="resizeelements.htm">resize</a> multiple elements</span></li>
<li><span class="f_Bulletlist1"><a href="deletingobjects.htm">Delete</a> elements from the diagram (but not the project)</span></li>
<li><span class="f_Bulletlist1">Double-click on the diagram background to open the diagram </span><span class="f_UIControl">Properties</span><span class="f_Bulletlist1"> dialog and set <a href="setappearanceoptions.htm">diagram properties</a></span></li>
<li><span class="f_Bulletlist1"><a href="filemenu.htm">Print and print preview</a> diagrams</span></li>
<li><span class="f_Bulletlist1"><a href="copyimagetodisk.htm">Save the diagram image to file</a></span></li>
<li><span class="f_Bulletlist1"><a href="copydiagramimagetoclipboar.htm">Save the diagram image to the clipboard</a>.</span></li>
</ul>




            </div>
          </div>
        </div>



</div>


</body>
</html>
